<template>
	<view class="">
		<view class="top-bg">
			<view class="top-font">个人中心</view>
			<view class="my-info d-flex align-items justify-content-space-between">
				<view class="d-flex align-items">
					<view class="">
						<image class="avartimg" :src="user.avatar" mode="" v-if="token"></image>
						<image class="avartimg" src="https://lianfan.nccpu.cn/image/morentx.png" v-else mode=""></image>
					</view>
					<view class="">
						<view class="" v-if="token">
							<!-- 会员等级 -->
							<view class="d-flex align-items">
								<view class="myname">{{user.nickname}}</view>
								<view class="huiyuan" v-if="user.level == 1">{{user.level_info.name}}</view>
								<view class="huiyuan-qt" v-if="user.level == 2">{{user.level_info.name}}</view>
								<view class="huiyuan-baiyin" v-if="user.level == 3">{{user.level_info.name}}</view>
								<view class="huiyuan-qt" v-if="user.level == 4">{{user.level_info.name}}</view>
							</view>
							<!-- 添加角色列表 -->
							<view class="">
								<view class="d-flex align-items add_juese">
									<view class="juesename d-flex align-items" v-for="(juese,index) in jueselists" :key="index">
										<view class="" @click="set_juese_info(juese)">{{juese.name}}</view>
										<text class="line"></text>
										<image class="close_img" @click="del_juese(juese,index)"
											src="../../static/my/cha.png" mode="widthFix"></image>
									</view>
								</view>
								<view class="d-flex align-items js-t" @click="guzhu_choose">填加角色
									<image class="left-img" src="../../static/index/more.png" mode="widthFix"></image>
								</view>
							</view>
						</view>
						<view class="" v-else>
							<view class="myname" @click="go_login">去登录</view>
						</view>
					</view>

				</view>
				<image class="setimg" @click="shezhi" src="../../static/my/set.png" mode="widthFix"></image>
			</view>
			
		</view>
		<!-- 雇主角色选择 -->
		<view class="">
			<u-popup :show="show_guzhu" :round="10" @close="close_guzhu">
				<view class="guzhu">
					<view class="d-flex align-items justify-content-space-between">
						<view class="guzhu_quxiao" @click="show_guzhu = false">取消</view>
						<view class="guzhu_queding" @click="submit">确定</view>
					</view>
					<view class="checkbox-choose">
						<u-radio-group iconPlacement="right" borderBottom size="38rpx" shape="circle"
							v-model="radiovalue1" placement="column">
							<u-radio :disabled="jueselists_id_arr.includes(''+item.id)" :customStyle="{height:'80rpx'}" v-for="(item, index) in radiolist1" :key="index"
								:label="item.name" @change="radioChange(item,index)" :name="item.id">
							</u-radio>
						</u-radio-group>
					</view>
				</view>
			</u-popup>
		</view>
		<!-- 开通会员 -->
		<view class="huiyuan-bg d-flex align-items">
			<view class="w-650 d-flex align-items justify-content-space-between">
				<view class="d-flex align-items">
					<image class="vipimg" src="../../static/my/vip.png" mode="widthFix"></image>
					<view class="kaitong-hy" v-if="user.level == 1 || !token">开通会员享受更多优惠权益</view>
					<view class="kaitong-hy" v-else>您已是{{user.level_info.name}}，享受{{user.level_info.name}}权益</view>
				</view>
				<view class="d-flex align-items">
					<view class="go-kaitong" @click="kaitong_huiyuan" v-if="user.level == 1">去开通</view>
					<view class="go-kaitong" @click="chakan_huiyuan" v-else>去查看</view>
					<image class="right-img" src="../../static/my/more01.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<!-- 功能列表 -->
		<view class="gongneng-list d-flex align-items" >
			<view class="gongneng-list-w" @click="info_fabu">
				<image class="xinxi-img" src="../../static/my/xinxi_icon@1x.png" mode="widthFix"></image>
				<view class="xinxi-t">信息发布</view>
			</view>
			<view class="gongneng-list-w" @click="my_yue">
				<image class="xinxi-img" src="../../static/my/yue_icon@1x.png" mode="widthFix"></image>
				<view class="xinxi-t">我的余额</view>
			</view>
			<view class="gongneng-list-w" @click="my_zhangdan">
				<image class="xinxi-img" src="../../static/my/zhangdan_icon@1x.png" mode="widthFix"></image>
				<view class="xinxi-t">我的账单</view>
			</view>
			<view class="gongneng-list-w" @click="apply_daili">
				<image class="xinxi-img" src="../../static/my/daili_icon@1x.png" mode="widthFix"></image>
				<view class="xinxi-t">申请代理</view>
			</view>
		</view>
		<!-- 身份信息选择弹窗 -->
		<view class="">
			<u-popup :show="show_info" closeable mode="center" @close="show_info=false" :round="10">
				<view class="shenfen_info">
					<view class="shenfen_tit">请选择身份信息</view>
					<view class="u-radio_shenfen">
						<u-radio-group iconPlacement="right" borderBottom size="38rpx" shape="circle"
							v-model="radio_juese_value" placement="column">
							<u-radio :customStyle="{height:'80rpx',}" v-for="(item, index) in jueselists" :key="index"
								:label="item.name" @change="radioChange_info(item,index)" :name="item.id">
							</u-radio>
						</u-radio-group>
					</view>
				</view>
			</u-popup>
		</view>
		<!-- 我的列表 -->
		<view class="my-list">
			<view class="w-630">
				<view class="my-gn d-flex align-items justify-content-space-between" @click="my_shoucang">
					<view class="sc">我的收藏</view>
					<image class="scimg" src="../../static/index/more.png" mode="widthFix"></image>
				</view>
				<view class="my-gn d-flex align-items justify-content-space-between" @click="my_info">
					<view class="sc">我的信息</view>
					<image class="scimg" src="../../static/index/more.png" mode="widthFix"></image>
				</view>
				<view class="my-gn d-flex align-items justify-content-space-between" @click="my_liuyan">
					<view class="sc">我的留言</view>
					<image class="scimg" src="../../static/index/more.png" mode="widthFix"></image>
				</view>
				<view class="my-gn d-flex align-items justify-content-space-between" @click="my_dianzan">
					<view class="sc">我的点赞</view>
					<image class="scimg" src="../../static/index/more.png" mode="widthFix"></image>
				</view>
				<view class="my-gn d-flex align-items justify-content-space-between" @click="kehu_liuzi">
					<view class="sc">客户留资</view>
					<image class="scimg" src="../../static/index/more.png" mode="widthFix"></image>
				</view>
				<view class="">
					<button class="kefu" plain open-type='contact'>
						<view class="sc">平台客服</view>
						<image class="scimg" src="../../static/index/more.png" mode="widthFix"></image>
					</button>
				</view>
				<view class="my-gn d-flex align-items justify-content-space-between" @click="guanyu_us_go">
					<view class="sc">关于我们</view>
					<image class="scimg" src="../../static/index/more.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		User_detail,
		setusergroup,
		getmygroup,
		getusergroup,
		getGroupUserinfo,
		getdailishenqing,
		check
	} from '@/api/user.js'
	export default {
		data() {
			return {
				show_guzhu: false,
				jueselists: [],
				jueselists_id_arr:[],
				user: {},
				radio_juese_value: '',
				radiovalue1: '',
				disabled:false,
				show_info: false,
				// 基本案列数据
				radiolist1: [],
				token: '',
			}
		},
		async onLoad() {
			await this.token_get()
			await this.get_juese_list()
			this.get_role()
		},
		onShow() {
			this.token = uni.getStorageSync('token')
			this.get_userdetail()
		},
		methods: {
			// 获取用户详细
			async get_userdetail() {
				User_detail({}).then(res => {
					console.log("获取用户详细为：", res);
					if (res.code == 1) {
						this.user = res.data.user
					}
				})
			},
			// 获取角色类别列表
			async get_juese_list() {
				await getusergroup({}).then(res => {
					console.log("获取会员类别列表", res);
					if (res.code == 1) {
						this.radiolist1 = res.data.group
					}
				})
			},
			// 检测token是否失效
			async token_get(){
				await check({}).then(res => {
					console.log("token失效",res);
					if(res.code == 1){
						
					}else {
						this.token = ''
						uni.removeStorageSync('token')
					}
					
				})
			},
			// 获取顶部添加之后的角色信息列表
			get_role() {
				getmygroup({}).then(res => {
					console.log("获取顶部角色列表", res);
					if (res.code == 1) {
						this.jueselists = res.data.grouplist
						this.jueselists_id_arr = []
						for (let s of res.data.grouplist) {
							this.jueselists_id_arr.push(''+s.id)
						}
						console.log(444, this.jueselists_id_arr.includes(''+1));
					}
				})
			},

			submit() {
				this.show_guzhu = false
			},
			// 信息发布选择身份信息弹窗
			radioChange_info(n, idx) {
				console.log("选择第几个身份", n, idx);
				if(n.status == 0){
					uni.showToast({
						title:'角色信息正在审核中，请耐心等待！',
						icon:'none'
					})
				}
				if(n.status == 1){
					uni.navigateTo({
						url: '/pagesB/info_fabu/guzhu_info_fabu?id=' + n.id
					})
				}
				if(n.status == 2){
					uni.showToast({
						title:'角色信息正在审核失败，请点击上方角色文字框去修改！',
						icon:'none'
					})
				}
				this.show_info = false
				
			},
			// 雇主多选框
			radioChange(n, idx) {
				let that = this
				console.log('change--------------', n, idx);
				that.jueselists.push({
					id: n.id,
					name: n.name
				})
				that.show_guzhu = false
				let juese_arr = []
				that.jueselists.forEach(item => {
					var items = item.id
					if (items) {
						console.log("items-----------", items);
						juese_arr.push(items)
					}
				})
				console.log('添加到jueseLists里面的id是多少', that.jueselists);
				var data = {
					token: that.token,
					group_id: juese_arr.join(','),
				}
				setusergroup(data).then(res => {
					console.log("雇主选择了第几个", res);
					if (res.code == 1) {
						that.get_role()
					}else {
						uni.showToast({
							title:'角色已添加，请重新选择',
							icon:'none'
						})
					}
				})


				// 雇主
				if (n.id == 1) {
					var data = {
						group_id: n.id
					}
					getGroupUserinfo(data).then(res => {
						console.log("获取身份信息有没有填写",res);
						if(res.code == 1){
							
						}else {
							setTimeout(() => {
								uni.navigateTo({
									url: '/pagesB/add_juese_ziliao/add_juese?id=' + n.id
								})
							}, 500)
						}
					})
					
				}
				// 施工队
				if (n.id == 2) {
					var data = {
						group_id: n.id
					}
					getGroupUserinfo(data).then(res => {
						console.log("获取身份信息有没有填写",res);
						if(res.code == 1){
							
						}else {
							setTimeout(() => {
								uni.navigateTo({
									url: '/pagesB/add_juese_ziliao/shigongdui_info?id=' + n.id
								})
							}, 500)
						}
					})
					
				}
				// 设计师
				if (n.id == 3) {
					var data = {
						group_id: n.id
					}
					getGroupUserinfo(data).then(res => {
						console.log("获取身份信息有没有填写",res);
						if(res.code == 1){
							
						}else {
							setTimeout(() => {
								uni.navigateTo({
									url: '/pagesB/add_juese_ziliao/shejishi_info?id=' + n.id
								})
							}, 500)
						}
					})
					
				}
				// 材料商
				if (n.id == 4) {
					var data = {
						group_id: n.id
					}
					getGroupUserinfo(data).then(res => {
						console.log("获取身份信息有没有填写",res);
						if(res.code == 1){
							
						}else {
							setTimeout(() => {
								uni.navigateTo({
									url: '/pagesB/add_juese_ziliao/cailiaoshang_info?id=' + n.id
								})
							}, 500)
						}
					})
					
				}
				// 家装生活馆
				if (n.id == 5) {
					var data = {
						group_id: n.id
					}
					getGroupUserinfo(data).then(res => {
						console.log("获取身份信息有没有填写",res);
						if(res.code == 1){
							
						}else {
							setTimeout(() => {
								uni.navigateTo({
									url: '/pagesB/add_juese_ziliao/jiazhuang_info?id=' + n.id
								})
							}, 500)
						}
					})
					
				}
				
				// 家装公司
				if (n.id == 6) {
					var data = {
						group_id: n.id
					}
					getGroupUserinfo(data).then(res => {
						console.log("获取身份信息有没有填写",res);
						if(res.code == 1){
							
						}else {
							setTimeout(() => {
								uni.navigateTo({
									url: '/pagesB/add_juese_ziliao/jiufang_info?id=' + n.id
								})
							}, 500)
						}
					})
					
				}
				// 旧房改造公司
				if (n.id == 7) {
					var data = {
						group_id: n.id
					}
					getGroupUserinfo(data).then(res => {
						console.log("获取身份信息有没有填写",res);
						if(res.code == 1){
							
						}else {
							setTimeout(() => {
								uni.navigateTo({
									url: '/pagesB/add_juese_ziliao/jiufang_info?id=' + n.id
								})
							}, 500)
						}
					})
					
				}
				// 主体建房公司
				if (n.id == 8) {
					var data = {
						group_id: n.id
					}
					getGroupUserinfo(data).then(res => {
						console.log("获取身份信息有没有填写",res);
						if(res.code == 1){
							
						}else {
							setTimeout(() => {
								uni.navigateTo({
									url: '/pagesB/add_juese_ziliao/jiufang_info?id=' + n.id
								})
							}, 500)
						}
					})
					
				}

			},
			// 修改角色信息
			set_juese_info(e){
				console.log("修改角色信息",e);
				if(e.id == 1){
					uni.navigateTo({
						url: '/pagesB/add_juese_ziliao/add_juese?id=' + e.id
					})
				}
				if(e.id == 2){
					uni.navigateTo({
						url: '/pagesB/add_juese_ziliao/shigongdui_info?id=' + e.id
					})
				}
				if(e.id == 3){
					uni.navigateTo({
						url: '/pagesB/add_juese_ziliao/shejishi_info?id=' + e.id
					})
				}
				if(e.id == 4){
					uni.navigateTo({
						url: '/pagesB/add_juese_ziliao/cailiaoshang_info?id=' + e.id
					})
				}
				if(e.id == 5){
					uni.navigateTo({
						url: '/pagesB/add_juese_ziliao/jiazhuang_info?id=' + e.id
					})
				}
				if(e.id == 6 || e.id == 7 || e.id == 8){
					uni.navigateTo({
						url: '/pagesB/add_juese_ziliao/jiufang_info?id=' + e.id
					})
				}
			},
			// 删除顶部角色列表e
			del_juese(e, index) {
				let that = this
				console.log("我要删除的index",e,index);
				uni.showModal({
					title: '删除角色',
					content: '您确定要删' + e.name + '角色吗？',
					success(s) {
						if (s.confirm) {
							that.jueselists.splice(index, 1)
							let juese_arr = []
							that.jueselists.forEach(item => {
								var items = item.id
								if (items) {
									console.log("items-----------", items);
									juese_arr.push(items)
								}
							})
							var data = {
								token: that.token,
								group_id: juese_arr.join(','),
							}
							setusergroup(data).then(res => {
								if (res.code == 1) {
									uni.showToast({
										title: '删除成功',
										icon: 'none'
									})
									that.get_role()
								}
							})
						} else if (s.cancel) {
							console.log('用户点击取消');
						}
					}
				})
			},
			// 打开底部雇主选择框
			guzhu_choose() {
				this.show_guzhu = true;
				this.radiovalue1 = ''
			},
			close_guzhu() {
				this.show_guzhu = false;
				// console.log('close');
			},
			go_login() {
				uni.navigateTo({
					url: '/pages/login/login'
				})
			},
			// 查看会员
			chakan_huiyuan() {
				if (!this.token) {
					uni.showToast({
						title: '请登录后操作！',
						icon: 'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url: '/pages/login/login'
						})
					}, 500)
				} else {
					uni.navigateTo({
						url: '/pagesB/huiyuan/see_huiyuan'
					})
				}

			},
			// 开通会员
			kaitong_huiyuan() {
				if (!this.token) {
					uni.showToast({
						title: '请登录后操作！',
						icon: 'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url: '/pages/login/login'
						})
					}, 500)
				} else {
					uni.navigateTo({
						url: '/pagesB/huiyuan/kaitong_huiyuan'
					})
				}
			},
			// 设置个人信息
			shezhi() {
				if(!uni.getStorageSync('token')) {
					uni.showToast({
						title:'请登录后操作',
						icon:'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url:'/pages/login/login'
						})
					},500)
					return
				}
				console.log("aaaaa");
				uni.navigateTo({
					url: '/pagesB/huiyuan/set_myinfo'
				})
			},
			// 我的信息
			my_info() {
				if(!uni.getStorageSync('token')) {
					uni.showToast({
						title:'请登录后操作',
						icon:'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url:'/pages/login/login'
						})
					},500)
					return
				}
				uni.navigateTo({
					url: '/pagesB/info_fabu/infor_fabu'
				})
			},
			// 信息发布
			info_fabu() {
				if(!uni.getStorageSync('token')) {
					uni.showToast({
						title:'请登录后操作',
						icon:'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url:'/pages/login/login'
						})
					},500)
					return
				}
				this.show_info = true
				this.radio_juese_value = ''
			},
			// 我的余额
			my_yue() {
				if(!uni.getStorageSync('token')) {
					uni.showToast({
						title:'请登录后操作',
						icon:'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url:'/pages/login/login'
						})
					},500)
					return
				}
				uni.navigateTo({
					url: '/pagesB/my_yue/my_yue'
				})
			},
			// 我的账单
			my_zhangdan() {
				if(!uni.getStorageSync('token')) {
					uni.showToast({
						title:'请登录后操作',
						icon:'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url:'/pages/login/login'
						})
					},500)
					return
				}
				uni.navigateTo({
					url: '/pagesB/my_yue/my_zhangdan'
				})
			},
			// 代理申请
			apply_daili() {
				if(!uni.getStorageSync('token')) {
					uni.showToast({
						title:'请登录后操作',
						icon:'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url:'/pages/login/login'
						})
					},500)
					return
				}
				getdailishenqing({}).then(res => {
					console.log("查看是否申请了代理商",res);
					if(res.code == 0){
						uni.navigateTo({
							url: '/pagesB/daili_apply/daili_apply'
						})
					}else {
						uni.showToast({
							title: res.data.result.status_content,
							icon:'none'
						})
					}
				})
				
			},
			// 我的留言
			my_liuyan() {
				if(!uni.getStorageSync('token')) {
					uni.showToast({
						title:'请登录后操作',
						icon:'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url:'/pages/login/login'
						})
					},500)
					return
				}
				uni.navigateTo({
					url: '/pagesB/liuyan/my_liuyan'
				})
			},
			// 我的点赞
			my_dianzan() {
				if(!uni.getStorageSync('token')) {
					uni.showToast({
						title:'请登录后操作',
						icon:'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url:'/pages/login/login'
						})
					},500)
					return
				}
				uni.navigateTo({
					url: '/pagesB/my_dianzan/my_dianzan'
				})
			},
			// 客户留资
			kehu_liuzi() {
				if(!uni.getStorageSync('token')) {
					uni.showToast({
						title:'请登录后操作',
						icon:'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url:'/pages/login/login'
						})
					},500)
					return
				}
				uni.navigateTo({
					url: '/pagesB/kehu_liuzi/kehu_liuzi'
				})
			},
			// 关于我们
			guanyu_us_go() {
				uni.navigateTo({
					url: '/pagesB/guanyu_us/guanyu_us?current=2'
				})
			},
			// 我的收藏
			my_shoucang() {
				if(!uni.getStorageSync('token')) {
					uni.showToast({
						title:'请登录后操作',
						icon:'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url:'/pages/login/login'
						})
					},500)
					return
				}
				uni.navigateTo({
					url: '/pagesB/my_shoucang/my_shoucang'
				})
			},
		}
	}
</script>

<style>
	.line {
		height: 45rpx;
		margin-left: 10rpx;
		border: 1px dashed #CBDDFF;
		/* 设置顶部边框为虚线 */
	}

	.close_img {
		width: 20rpx;
		display: block;
		margin-left: 14rpx;
	}

	.shenfen_tit {
		font-size: 30rpx;
		font-weight: 600;
		color: #000;
		padding-top: 30rpx;
		text-align: center;
	}

	.u-radio_shenfen {
		width: 600rpx;
		margin: auto;
	}

	.shenfen_info {
		width: 650rpx;
	}

	.add_juese {
		width: 475rpx;
		flex-wrap: wrap;
	}

	.juesename {
		padding: 0rpx 10rpx;
		font-size: 24rpx;
		background: rgba(75, 138, 255, 0.08);
		border: 1.07px solid #CBDDFF;
		color: #4B8AFF;
		margin-right: 12rpx;
		margin-top: 8rpx;
	}

	.checkbox-choose {
		margin-top: 20rpx;
	}

	.guzhu_quxiao,
	.guzhu_queding {
		font-size: 30rpx;
		color: #165DFF;

	}

	.guzhu {
		width: 690rpx;
		margin: auto;
		padding-top: 30rpx;
	}

	page {
		padding-bottom: 50rpx;
	}

	.apply_daili {}

	.my-gn {
		padding: 30rpx 0;
	}
	.kefu{
		width: 650rpx;
		border: none !important;
		outline: none !important;
		display: flex;
		margin: 0 !important;
		padding-left: 0 !important;
		align-items: center;
		justify-content: space-between;
	}

	.scimg {
		width: 15rpx;
		display: block;
	}

	.sc {
		font-size: 30rpx;
		font-weight: 600;
		color: #333333;
	}

	.my-list {
		width: 690rpx;
		margin: 30rpx auto;
		border-radius: 8rpx;
		background: #FFFFFF;
		box-shadow: 0px 6rpx 28rpx 0px rgba(0, 0, 0, 0.07);
	}

	.xinxi-t {
		font-size: 26rpx;
		text-align: center;
		color: #666666;
		margin-top: 16rpx;
	}

	.xinxi-img {
		width: 80rpx;
		display: block;
		margin: auto;
	}

	.gongneng-list-w {
		width: 25%;
	}

	.gongneng-list {
		width: 690rpx;
		height: 214rpx;
		margin: 30rpx auto;
		border-radius: 8rpx;
		opacity: 1;
		background: #FFFFFF;
		box-shadow: 0px 8rpx 17rpx 0px rgba(0, 0, 0, 0.05);
	}

	.right-img {
		width: 20rpx;
		display: block;
		margin-left: 8rpx;
	}

	.go-kaitong {
		font-size: 26rpx;
		color: #F6D08A;
	}

	.kaitong-hy {
		font-size: 26rpx;
		color: #F6D08A;
	}

	.vipimg {
		display: block;
		width: 36rpx;
		margin-right: 10rpx;
	}

	.huiyuan-bg {
		width: 690rpx;
		height: 84rpx;
		margin: auto;
		background: url('https://lianfan.nccpu.cn/image/huiyuan_bj.png') no-repeat;
		background-size: 100% auto;
	}

	.js-t {
		font-size: 26rpx;
		color: #989898;
		margin-top: 15rpx;
	}

	.left-img {
		width: 10rpx;
		display: block;
		margin-left: 10rpx;
	}

	.huiyuan {
		padding: 6rpx 15rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		border-radius: 8rpx;
		opacity: 1;
		background: linear-gradient(270deg, #FF9754 0%, #FF9049 100%);
	}

	.huiyuan-qt {
		padding: 6rpx 15rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		border-radius: 8rpx;
		opacity: 1;
		background: linear-gradient(270deg, #FF9666 3%, #FAAF92 100%);
	}

	.huiyuan-baiyin {
		padding: 6rpx 15rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		border-radius: 8rpx;
		opacity: 1;
		background: linear-gradient(270deg, #FF9666 3%, #FAAF92 100%);
	}

	.myname {
		max-width: 335rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 35rpx;
		color: #222222;
		margin-right: 16rpx;
	}

	.avartimg {
		width: 132rpx;
		height: 132rpx;
		display: block;
		border-radius: 50%;
		margin-right: 26rpx;
	}

	.my-info {
		width: 690rpx;
		margin: auto;
		margin-top: 50rpx;
	}

	.setimg {
		width: 48rpx;
		display: block;
	}

	.top-font {
		font-size: 34rpx;
		text-align: center;
		color: #000000;
		padding-top: 108rpx;
	}

	.top-bg {
		width: 750rpx;
		min-height: 426rpx;
		padding-bottom: 60rpx;
		background: url('https://lianfan.nccpu.cn/image/bg02.png') center top no-repeat;
		background-size: 100% auto;
	}
</style>